<template>
	<view>
		<button @click="wechatPay">立即支付</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				openId: '',
				orderSn:'',
			}
		},
		onLoad(options) {
			const openId = window.location.search.match(new RegExp('[?&]openId=([^&]+)'))[1];
			const orderId = window.location.search.match(new RegExp('[?&]orderId=([^&]+)'))[1];
			 console.log('查询参数1:', openId);
			 this.orderSn = orderId;
			    console.log('页面参数2:', this.orderSn);
		    this.openId = openId;
			this.wechatPay();
		  },
		methods: {
			// 微信JSAPI支付方法
			wechatPay() {
				this.getWechatPayParams();
			},
			// 模拟从服务端获取支付参数
			getWechatPayParams() {
				this.$http.post('/wxpay/createOrder',{openId:this.openId,orderSn:this.orderSn}).then(res=>{
					//console.log("url", res)
					// console.log("res",res.data)
					//设置列表数据
					  if (res.data.success) {
						  this.totalPrice="000";
						  //alert(JSON.stringify(res.data.result));
						 console.log("res",res.data.result)
						 this.callWechatPay(res.data.result);
						 // this['dataCount'+idx]=res.data.result.total;
					 }
					
				}).catch(()=>{
					//联网失败, 结束加载
					this.mescroll.endErr();
				})
			},
			// 调用微信JSAPI支付
			callWechatPay(payParams) {
				// alert("==="+JSON.stringify(payParams.nonceStr))
				// function onBridgeReady() {
				    WeixinJSBridge.invoke('getBrandWCPayRequest', {
						"appId": payParams.appId,     //公众号ID，由商户传入     
				        "timeStamp": payParams.timeStamp,     //时间戳，自1970年以来的秒数     
				        "nonceStr": payParams.nonceStr,      //随机串     
				        "package": payParams.prepayId,     
				        "paySign": payParams.paySign //微信签名 
				    },
				    function(res) {
				        if (res.err_msg == "get_brand_wcpay_request:ok") {
				            // 使用以上方式判断前端返回,微信团队郑重提示：
				            //res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠，商户需进一步调用后端查单确认支付结果。
				        }
				    });
				// }
				if (typeof WeixinJSBridge == "undefined") {
				    if (document.addEventListener) {
				        document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
				    } else if (document.attachEvent) {
				        document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
				        document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
				    }
				} else {
				    onBridgeReady();
				}
			}
		}
	}
</script>

<style>

</style>